﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Admin.Master" Inherits="System.Web.Mvc.ViewPage<TemplateWeb.Models.ViewModels.GroupViewModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    SelectPhienDauGia
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent1" runat="server">
    <script type="text/javascript">
        Date.prototype.addDays = function (days) {
            var dat = new Date(this.valueOf())
            dat.setDate(dat.getDate() + days);
            return dat;
        }

        function getDates(startDate, stopDate) {
            var dateArray = new Array();
            var currentDate = startDate;
            while (currentDate <= stopDate) {
                dateArray.push(new Date(currentDate))
                currentDate = currentDate.addDays(1);
            }
            return dateArray;
        }

        function ValidateTaoPhienMoi() {
            var thumuc = document.getElementsByName("thumuc").item(0);
            var thumucComps = thumuc.options[thumuc.selectedIndex].value.split("-");
            if (thumucComps[0] == "0") {
                alert("Vui lòng lựa chọn hạng mục đấu giá");
                return false;
            }

            var tensanpham = document.getElementsByName("tensanpham").item(0);
            if (tensanpham.value == "") {
                alert("Vui lòng nhập tên sản phẩm đấu giá");
                return false;
            }
            var xuatxu = document.getElementsByName("xuatxu").item(0);
            if (xuatxu.value == "") {
                alert("Vui lòng nhập xuất xứ của sản phẩm");
                return false;
            }
            var mota = FCKeditorAPI.GetInstance("mota");
            if (mota.GetHTML() == "") {
                alert("Vui lòng nhập mô tả về sản phấm");
                return false;
            }

            // Validate thoi gian dau gia
            var thoigianbatdau = document.getElementsByName("thoigianbatdau").item(0);
            if (thoigianbatdau.value == "") {
                alert("Vui lòng nhập thời gian bắt đầu đấu giá");
                return false;
            }
            var thoigianketthuc = document.getElementsByName("thoigianketthuc").item(0);
            if (thoigianketthuc.value == "") {
                alert("Vui lòng nhập thời gian kết thúc đấu giá");
                return false;
            }

            var thoigianbatdauVal = new Date(eval('"' + thoigianbatdau.value + '"'));
            var thoigianketthucVal = new Date(eval('"' + thoigianketthuc.value + '"'));
            var rangeDate = getDates(thoigianbatdauVal, thoigianketthucVal);

            if (thoigianbatdauVal >= thoigianketthucVal) {
                alert("Thời gian bắt đầu phải nhỏ hơn thời gian kết thúc");
                return false;
            }

            if (rangeDate.length > 10) {
                alert("Thời gian đấu giá không được quá 10 ngày");
                return false;
            }
            // End Validate thoi gian dau gia

            // Only validate when selected hinhthucdaugia is dau gia nguoc
            var hinhthucdaugia = document.getElementsByName("hinhthucdaugia").item(0);
            if (hinhthucdaugia.options[hinhthucdaugia.selectedIndex].text.toUpperCase().indexOf("ANH") != -1) {
                // Validate giakhoidiem
                var giakhoidiem = document.getElementsByName("giakhoidiem").item(0);
                if (giakhoidiem.value == "") {
                    alert("Vui lòng nhập giá khởi điểm");
                    return false;
                }
                //not a number
                if (isNaN(giakhoidiem.value)) {
                    alert("Giá khởi điểm nhập vào không phải là số hợp lệ!");
                    return false;
                }
                // End validat giakhoidiem
            } else {
                // Validate giatoithieu
                var giatoithieu = document.getElementsByName("giatoithieu").item(0);
                if (giatoithieu.value == "") {
                    alert("Vui lòng nhập giá tối thiểu");
                    return false;
                }
                //not a number
                if (isNaN(giatoithieu.value)) {
                    alert("Giá tối thiểu nhập vào không phải là số hợp lệ!");
                    return false;
                }
                // End validat giatoithieu

                // Validate tiendatcoc
                var tiendatcoc = document.getElementsByName("tiendatcoc").item(0);
                if (tiendatcoc.value == "") {
                    alert("Vui lòng nhập tiền đặt cọc");
                    return false;
                }
                //not a number
                if (isNaN(tiendatcoc.value)) {
                    alert("Tiền đặt cọc nhập vào không phải là số hợp lệ!");
                    return false;
                }
                // End validat tiendatcoc
            }

            return true;
        }

        function onSelectedHinhThucDauGia() {
            var hinhthucdaugia = document.getElementsByName("hinhthucdaugia").item(0);
            // Anh
            if (hinhthucdaugia.options[hinhthucdaugia.selectedIndex].text.toUpperCase().indexOf("ANH") != -1) {
                document.getElementById('row-giakhoidiem').style.visibility = 'visible';
                document.getElementById('row-giatoithieu').style.visibility = 'collapse';
                document.getElementById('row-tiendatcoc').style.visibility = 'collapse';
            } else {
                document.getElementById('row-giakhoidiem').style.visibility = 'collapse';
                document.getElementById('row-giatoithieu').style.visibility = 'visible';
                document.getElementById('row-tiendatcoc').style.visibility = 'visible';
            }
        }

        function formatGiaKhoiDiem() {
            var giakhoidiem = document.getElementsByName("giakhoidiem").item(0);
            if (!isNaN(giakhoidiem.value)) {
                var numFormated = FormatNumberBy3(giakhoidiem.value, ",", ".");
                document.getElementById("giakhoidiem_coverted").innerHTML = numFormated;
            }
        }

        function formatGiaKhoiDiem() {
            var giakhoidiem = document.getElementsByName("giakhoidiem").item(0);
            if (!isNaN(giakhoidiem.value)) {
                var numFormated = FormatNumberBy3(giakhoidiem.value, ",", ".");
                document.getElementById("giakhoidiem_coverted").innerHTML = numFormated;
            }
        }

        function formatGiaToiThieu() {
            var giatoithieu = document.getElementsByName("giatoithieu").item(0);
            if (!isNaN(giatoithieu.value)) {
                var numFormated = FormatNumberBy3(giatoithieu.value, ",", ".");
                document.getElementById("giatoithieu_coverted").innerHTML = numFormated;
            }
        }

        function formatTienDatCoc() {
            var tiendatcoc = document.getElementsByName("tiendatcoc").item(0);
            if (!isNaN(tiendatcoc.value)) {
                var numFormated = FormatNumberBy3(tiendatcoc.value, ",", ".");
                document.getElementById("tiendatcoc_coverted").innerHTML = numFormated;
            }
        }
    </script>
    <span class="AdminTitle" style="color: #cc0000;">Create PhienDauGia</span> (<a href="<%= Url.Action("Index", "Home") %>"
        class="AdminPageText">
        <%= WebConfiguration.SiteName  %>
    </a>| <a href="<%= Url.Action("LogOff", "Account") %>" class="AdminPageText">LogOut
    </a>)
    <br />
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent2" runat="server">
    <script type="text/javascript">
        window.onload = function () {
            var hinhthucdaugia = document.getElementsByName("hinhthucdaugia").item(0);
            hinhthucdaugia.selectedIndex = 0;
            document.getElementById('row-giakhoidiem').style.visibility = 'visible';
            document.getElementById('row-giatoithieu').style.visibility = 'collapse';
            document.getElementById('row-tiendatcoc').style.visibility = 'collapse';
        }
		$(document).ready(function () {
		    $("#thoigianbatdau").datepicker();
		    $("#thoigianketthuc").datepicker();
		});
        <% if(ViewData["infotext"] != null && ViewData["infotext"] != string.Empty){ %>
            alert("<%= ViewData["infotext"] %>");
        <% } %>
    </script>
    <%
        List<SelectListItem> houritems = new List<SelectListItem>();
        for (int i = 0; i < 24; i++)
        {
            houritems.Add(new SelectListItem
            {
                Text = i.ToString(),
                Value = i.ToString()
            });
        }

        List<SelectListItem> minuteitems = new List<SelectListItem>();
        for (int i = 0; i < 60; i++)
        {
            if (i % 5 == 0)
            {
                minuteitems.Add(new SelectListItem
                {
                    Text = i.ToString(),
                    Value = i.ToString()
                });
            }
        }
    %>
    <% using (Html.BeginForm("InsertPhienDauGia", "Admin", FormMethod.Post, new { onsubmit = "return ValidateTaoPhienMoi();" }))
       { %>
    <div style="padding-top: 0px">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="AdminPageText">
            <tbody>
                <tr>
                    <td>
                        <div align="left" style="padding-top: 15px">
                            <font class="normal8">IDSanPham: </font>
                        </div>
                    </td>
                    <td height="20">
                        <div align="left" style="padding-top: 15px">
                            <%= Model.SanPhamModel.GetModel.LstObjModel[0].ID %>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div align="left" style="padding-top: 15px">
                            <font class="normal8">TenSanPham: </font>
                        </div>
                    </td>
                    <td height="20">
                        <div align="left" style="padding-top: 15px">
                            <%= Model.SanPhamModel.GetModel.LstObjModel[0].TenSanPham %>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div align="left" style="padding-top: 15px">
                            <font class="normal8">HinhThucDauGia: </font>
                        </div>
                    </td>
                    <td height="20">
                        <div align="left" style="padding-top: 15px">
                            <%= Html.DropDownList("hinhthucdaugia", new SelectList(Model.HinhThucDauGiaModel.GetModel.LstObjModel, "ID", "TenHinhThucDauGia"), new { onChange = "onSelectedHinhThucDauGia();" })%>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div align="left" style="padding-top: 15px">
                            <font class="normal8">ThoiGianBatDau: </font>
                        </div>
                    </td>
                    <td height="20">
                        <div align="left" style="padding-top: 15px">
                            <%= Html.TextBox("thoigianbatdau", "", new { @style = "width: 100px;" })%>
                            <%= Html.DropDownList("giobatdau", new SelectList(houritems, "Value", "Text"))%>
                            Giờ
                            <%= Html.DropDownList("phutbatdau", new SelectList(minuteitems, "Value", "Text"))%>
                            Phút
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div align="left" style="padding-top: 15px">
                            <font class="normal8">ThoiGianKetThuc: </font>
                        </div>
                    </td>
                    <td height="20">
                        <div align="left" style="padding-top: 15px">
                            <%= Html.TextBox("thoigianketthuc", "", new { @style = "width: 100px;" })%>
                            <%= Html.DropDownList("gioketthuc", new SelectList(houritems, "Value", "Text"))%>
                            Giờ
                            <%= Html.DropDownList("phutketthuc", new SelectList(minuteitems, "Value", "Text"))%>
                            Phút
                        </div>
                    </td>
                </tr>
                <tr id="row-giakhoidiem">
                    <td>
                        <div align="left" style="padding-top: 15px">
                            <font class="normal8">GiaKhoiDiem: </font>
                        </div>
                    </td>
                    <td height="20">
                        <div align="left" style="padding-top: 15px">
                            <input type="text" name="giakhoidiem" id="giakhoidiem" style="width: 100px;" onkeyup='formatGiaKhoiDiem();' />
                            <label id="giakhoidiem_coverted">
                            </label>
                            VNĐ
                        </div>
                    </td>
                </tr>
                <tr id="row-giatoithieu">
                    <td>
                        <div align="left" style="padding-top: 15px">
                            <font class="normal8">GiaToiThieu: </font>
                        </div>
                    </td>
                    <td height="20">
                        <div align="left" style="padding-top: 15px">
                            <input type="text" name="giatoithieu" id="giatoithieu" style="width: 100px;" onkeyup='formatGiaToiThieu();' />
                            <label id="giatoithieu_coverted">
                            </label>
                            VNĐ
                        </div>
                    </td>
                </tr>
                <tr id="row-tiendatcoc">
                    <td>
                        <div align="left" style="padding-top: 15px">
                            <font class="normal8">TienDatCoc: </font>
                        </div>
                    </td>
                    <td height="20">
                        <div align="left" style="padding-top: 15px">
                            <input type="text" name="tiendatcoc" id="Text1" style="width: 100px;" onkeyup='formatTienDatCoc();' />
                            <label id="tiendatcoc_coverted">
                            </label>
                            VNĐ
                        </div>
                    </td>
                </tr>
                <tr>
                    <td height="20" style="width: 130px">
                    </td>
                    <td height="20">
                        <div align="left">
                            <br />
                            <p>
                                <input type="hidden" name="idnguoidang" value="<%= Membership.GetUser(Page.User.Identity.Name).ProviderUserKey %>" />
                                <input type="hidden" name="idsanpham" value="<%= Model.SanPhamModel.GetModel.LstObjModel[0].ID %>" />
                                <input type="submit" value="Add New" />
                            </p>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <% } %>
</asp:Content>
